/*
	所有的api均来自 https://autumnfish.cn
	想要不同的接口,直接进官方文档查找即可
	只需要在 https://autumnfish.cn 后添加相应的请求路径和参数即可


  1:歌曲搜索接口
    请求地址:https://autumnfish.cn/search
			http://musicapi.leanapp.cn/search
    请求方法:get
    请求参数:keywords(查询关键字)
    响应内容:歌曲搜索结果

  2:歌曲url获取接口
    请求地址:https://autumnfish.cn/song/url
    请求方法:get
    请求参数:id(歌曲id)
    响应内容:歌曲url地址
  3.歌曲详情获取
    请求地址:https://autumnfish.cn/song/detail
    请求方法:get
    请求参数:ids(歌曲id)
    响应内容:歌曲详情(包括封面信息)
  4.热门评论获取
    请求地址:https://autumnfish.cn/comment/hot?type=0
    请求方法:get
    请求参数:id(歌曲id,地址中的type固定为0)
    响应内容:歌曲的热门评论
  5.mv地址获取
    请求地址:https://autumnfish.cn/mv/url
    请求方法:get
    请求参数:id(mvid,为0表示没有mv)
    响应内容:mv的地址
*/
window.onload=function(){
	
	var app=new Vue({
		el:"#player",
		data:{ 
			query:"泽野弘之",       //查询的歌曲名字
			musicList:[],   //歌曲数组
			songurl:"",     //歌曲url
			coverurl:"images/cover.png",	//封面url
			remarkList:[]   ,//评论列表
			playCartoon:false ,//判断播放动画
			mvurl:"", 		//mv的url
			isPlayMV:false 	//是否播放mv(遮罩层的显示状态)
		},
		methods:{
			// 查找歌曲
			searchMusic:function(){
				var that=this;
				axios.get("https://autumnfish.cn/search?keywords="+that.query)
					.then(function(response){
						console.log(response);
						that.musicList=response.data.result.songs;    //查询到的歌曲列表
					})
					.catch(function(err){
						alert("请求失败:"+err);
					})
			},
			// 播放音乐
			playMusic:function(songid){
				var that=this;
				//获取歌曲url
				axios.get("https://autumnfish.cn/song/url?id="+songid)
				.then(function(response){
					//console.log(response);
					that.songurl=response.data.data[0].url;   //获取歌曲url
				},function(err){
					alert("歌曲请求失败"+err);
				});
				// 获取歌曲详情
				axios.get("https://autumnfish.cn/song/detail?ids="+songid)
				.then(function(response){
					//console.log(response);
					that.coverurl=response.data.songs[0].al.picUrl; //获取封面信息
				},function(err){
					alert("详情请求失败:"+err);
				});
				
				// 获取评论信息
				axios.get("https://autumnfish.cn/comment/hot?type=0&id="+songid)
				.then(function(response){
					console.log(response);
					that.remarkList=response.data.hotComments;   //获取热门评论
				},function(err){
					alert("封面获取失败:"+err);
				})

			},
			
			// 监听音乐播放
			play:function(){
				this.playCartoon=true;
			},
			// 监听音乐暂停
			pause:function(){
				this.playCartoon=false;
			},
			
				
			// 播放MV
			playMV:function(mvid){
				var that=this;
				axios.get("https://autumnfish.cn/mv/url?id="+mvid)
				.then(function(response){
					console.log(response);
					// that.mvurl=response.data.data.url;
					that.mvurl="http://api.leeleo.cn/api3.php?url=https://v.qq.com/x/cover/mzc00200ral2qx7.html";
					that.isPlayMV=true;
					that.songurl="";		//停止播放音乐
					that.playCartoon=false; //停止动画
				},function(err){
					alert("MV请求失败"+err);
				})
			},
			// 关闭MV
			closeMV:function(){
				this.isPlayMV=false;
			},
			
			
		}
		
	})
}





